<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--内部css-->
    <style>
        /* 标签名 选择器 */
        li {
            color: yellow;
        }

        /* id选择器 */
        #p1{
            color: blue;
        }

        /* 类选择器 */
        .t1{
            color: pink;
        }

    </style>
</head>
<body>

<ul>
    <li style="color:red">刘备</li>
    <li style="color:green">关羽</li>
    <li>张飞</li>
    <li>赵云</li>
    <li>黄忠</li>
</ul>

<p id="p1">申哥</p>
<p>小艺</p>
<span class="t1">java</span>
<span>WEB</span>
<b class="t1">PHP</b>
<s class="t1">C++</s>
</body>
</html>